<?php include("header.php"); ?>
	<h6 class="quarter"></h6>

	<article>
		<div class="halfhead">
			<article>
				<header><h1><i class="fa fa-thumbs-up"></i> Thank you!</h1>
					<p>Your kindness is appreciated. Any kind of help will go a long way, but let us be mindful of our donations. Here's a checklist to help you out:</p>
				</header>

			<div class="halfhead">
				<img class="icon-img" src="img/d-label.png" />
				<h5>If donating a mix of supplies, please make sure to label your boxes to help facilitate sorting and packing.</h5>
			</div>
			
			<div class="halfhead">
				<img class="icon-img" src="img/d-cook.png" />
				<h5>Let us try to donate goods that do not require any cooking as the affected areas do not have access to a kitchen.</h5>
			</div>
			
			<div class="halfhead">
				<img class="icon-img" src="img/d-ready.png" />
				<h5><br />If you are donating food, please make sure it does not easily spoil.</h5>
			</div>

			<div class="halfhead">
				<img class="icon-img" src="img/d-clothes.png" />
				<h5>Clothes and shoes are good, but are not of great necessity. Cash, water, food and transport donations are at best.</h5>
			</div>

		</article>
	</div>

	<div class="halfhead">
		<article>
			<header>
				<h1><i class="fa fa-heart"></i> Donate supplies</h1><br /><br />
			</header>

	<header>
		<form id="donateform">
			<div><p><i>If any of the fields aren't applicable, Please write 'none'. Don't leave them blank!</i></p></div>
			
			<input type="hidden" name="Type" value="0">
			<input type="text" class="required" name="Name" id="donate-name" placeholder="Your Name" />
			<input type="text" class="required" name="Contact" id="donate-contact" placeholder="Email / Cellphone" />
			<input type="text" class="required" name="Location" id="donate-location" placeholder="Your Location" />
			<input type="text" name="Password" id="donate-password" placeholder="Optional: Password (if you'll want to edit your listing later on)" />
			<textarea name="Details" class="required" id="donate-donating" placeholder="What are you donating?"></textarea>
	
			<div id="error-message-window"></div>
			
			<br/><br/>

			<div class="submit-area">
	  			<!-- <input type="submit" style="border:0;" id="submitbutton" class="callbutton" disabled="disabled" /> -->
				<input type="submit" disabled="disabled" class="callbutton" onclick="donateForm()" value='Submit!' />
				<a href="index.php" class="callbutton huge">I want to go back.</a>
				<script>
				 $(".required").change(function(event){ validateForm(); });
				 $(".required").keypress(function(event){ validateForm(); });
				</script>
			</div>		
		</form>
	</header>
</article>
</div>
<hr style="margin-bottom:20px;" />
</article>
<?php include("footer.php"); ?>